*{ margin: 0; padding: 0;}
li{ list-style-type:none;}
a{text-decoration: none;}
.ph-right{
	position: absolute;
	top: 18%;
    right: 5%;
	font-size: 12px;
	height: 70px;
	line-height: 70px;
	overflow: hidden;
	width: 200px;
}
.ph-right .move-top-ph a{
    color: #000 !important;
}
.ph-right .move-bot-ph{
    color: #f06161 !important;
}
.ph-right-bot-ph{
	color:#fff; 
	font-size: 24px;
	font-style:oblique;
	vertical-align: middle;
}
.ph-right-top{
	display: flex; 
	justify-content: space-between;
	height:30px;
	line-height:30px;
}
.ph-right-top a{
	color: #fff !important;
}
.ph-right-top a:hover{
	color: #ff6161 !important;
}
.ph-right-bot{
	height:40px;
	line-height:40px;
}
header {
    background: transparent;
    position: fixed;
    max-width: 100%;
    height: 110px;
    line-height: 110px;
    vertical-align: middle;
    color: #fff !important;
    z-index: 9999999;
    width: 100%;
    transition: all .8s;
}
header.move {
    background: #ffffff;
    color: #333 !important;
    opacity: 0.9;
}
header.move a {
    color: #000 !important;
	text-decoration: none;
}
a:move,a:hover{outline:0}
.pack {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.pack {
    margin: 0 auto !important;
	overflow: hidden;
}
.pack {
    width: 1200px;
    margin: 0px auto;
    padding: 0 15px;
}
#head_top > div {
    vertical-align: middle;
}
#head_top {
    margin: 0 auto;
}
.top-left {
    width: 25%;
    float: left;
}
.top-right {
    width: 75%;
    float: left;
    text-align: center;
}
.head_ul li {
    display: inline-block;
    vertical-align: middle;
    line-height: 110px;
    font-size: 18px;
    width: 132px;
    cursor: pointer;
    text-align: center;
}
.head_ul li > a {
    font-size: 18px;
    color: #fff;
    display: block;
	text-decoration: none;
}
.logo {
    width: 210px;
    height: 70px;
}
img {
	border: 0;
    vertical-align: middle;
}
/*滚动条样式*/
::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: #adadad;
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 10px;
    background: #EDEDED;
}
.footer_auto {
    width: 100%;
    height: auto;
    padding: 20px 0;
    border-top: 1px solid #ebebeb;
    margin-top: 25px;
}
.footer {
    line-height: 29px;
    color: #999999;
}
.w {
    width: 1000px;
    height: auto;
    margin: auto;
}
.banner{display: block;max-width: 100%;height: 600px; width:100%;}
.contact{position: relative; top:-130px; height: 136px;user-select: none;}
.subcon{ margin: 0 auto; width: 1236px; background-color: white;height: 240px; border-radius: 30px;border: 1px solid #ccc;user-select: none;}
.con-info{height: 80px;font-size: 36px;text-indent: 60px;line-height: 90px;}
.con-phone{height: 80px;text-indent: 60px;line-height: 60px; clear: both;}
.con-sub{height: 80px;line-height: 80px; clear: both;}
.selectInput{float: left; padding: 15px 10px; border-radius: 6px; border: 1px solid #f06161;outline: none; margin-top: 25px;}
.btnVip{ cursor: pointer; margin-left: 20px; margin-top: 25px;float: left;text-indent: 0px;width: 100px; height:43px;line-height:43px;user-select: none;  color:White; font-size:18px;  border:1px solid #f06161; background-color:#f06161; text-align:center;border-radius:6px;}
.con-info-color{color: #ffa43b;}
.move_cont{}
/*.trans_top {transform: translateY(0) !important;transition: all 1.5s;}
.trans_con {transform: translateY(0) !important;transition: all 1.5s;}*/
.hide{transform: translateY(60px);opacity: 0;}
.title {text-align: center;margin: 0 0 30px;padding-top: 60px;transform: translateY(-60px);opacity: 1; }
.tran{transition: all 2.5s;}
.col {text-align: center;margin: 0 0 30px;padding-top: 60px;opacity: 1; }

.title-con{ width:1500px; margin: 40px auto;}
.MyContent {width: 1500px;margin: 0 auto;height: auto;overflow: hidden;position: relative;transition: all .5s;}
.SideRight{position: fixed;right:2px;top: 25%;}
.SideRight li {
	width: 80px;
	height: 80px;
	line-height: 80px;
	white-space: nowrap;
	background: #ffa43b;
	margin-bottom: 6px;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0 0 3px #ffa43b;
	-o-transition: all .5s;
	-moz-transition: all .5s;
	-webkit-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
	position: relative;
}
.el-divider {
    /*background-color: #ffa43b !important;*/
}
.el-divider__text {
    color: #999 !important;
    font-size: 18px!important;
    /*font-weight: bold!important;*/
}
.el-input__inner{
	height: 46px !important;
	line-height: 46px !important;
	border: 1px solid #f06161 !important;
	padding: 0 60px 0 10px  !important;
}
.Subtitle{ font-size: 30px; font-weight: 500; color: #333; }
.con-flex{display: flex; flex-wrap: wrap;align-items:stretch;justify-content: center;}
/*定制开发（开始）*/
.flex-card{
    /*flex:0 0 20%; */
    flex: 0 0 300px;
    text-align: center; 
    border: 1px solid #ccc; 
    height:460px; /*420px; */
    margin-bottom: 30px;
    margin-left: 0.4%;
    margin-right: 0.4%;
    border-radius:8px;
    position:relative;
    background-color: White;
    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 20px rgba(0, 0, 0, 0.1) inset;
}
/*阴影效果*/
.flex-card:before, .flex-card:after{
  position:absolute;
  content:"";
  top:100px;bottom:5px;left:30px;right:30px;
  z-index:-1;
  box-shadow:0 0 40px -10px #486685;
  border-radius:100px/20px;
}
.info-article-ind-img{ 
    width:100%; 
    height:180px; 
    border:0px solid red; 
    margin:auto;  
    overflow:hidden;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px; 
}
.info-article-ind-title {
    height: 47px;
    line-height: 47px;
    color: #4e91e0;
    font-size: 20px;
    border: 0px solid red;
    width: 90%;
    /* margin-top: 15px; */
    text-align: left;
    margin: 10px auto;
}
.info-article-ind-abstract {
    width: 90%;
    margin: auto;
    height: 180px;/*140px;*/
    line-height: 26px;
    padding: 0 8px;
    color: #4b4b4b;
    font-size: 16px;
    border: 0px solid red;
    margin-top: 10px;
    text-align: left;
}
.info-article-ind-more
{
    width: 90%;
    margin: auto;
    text-align: left;
    font-size: 14px;
    color:#85baf9;
}
.flex-case,.flex-card a{ display: block;}




/*定制开发（结束）*/

/*客户案例（开始）*/
.flex-case{
    flex:0 0 24%;
    text-align: center; 
    border: 1px solid #ccc; 
    height: 516px; 
    margin-bottom: 30px;
    margin-left: 0.4%;
    margin-right: 0.4%;
    border-radius:8px;
}
.info-case-ind-img
{
    width:100%; 
    height:216px; 
    border:0px solid red; 
    margin:auto;  
    overflow:hidden;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px; 
}
.info-case-ind-abstract {
    width: 90%;
    margin: auto;
    height: 200px;
    padding: 0 8px;
    color: #4b4b4b;
    font-size: 16px;
    border: 0px solid red;
    margin-top: 10px;
    text-align: left;
}
/*客户案例（结束）*/
.con-flex .flex-case:hover { transition: 0.5s; border: 1px solid #ffa43b;}
.con-flex .flex-case:hover img {
    transform:scale(1.2,1.2);
    -webkit-transform:scale(1.2,1.2);
    -o-transform:scale(1.2,1.2);
    opacity:1;
    z-index:1
}
.info-article-ind-img img
{
     -webkit-border-top-left-radius: 8px;
     -webkit-border-top-right-radius: 8px; 
}
/*产品展示（开始）*/
.newCar
{
    width: 360px;
    height: 216px;
    margin-left: 0.4%;
    margin-right: 0.4%;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align:center;
    display: inline-block;
    transition: all 0.2s ease-in;
}
.newCar .txt {
    height: 45px;
    background: url(../WebImg/cp-bg.png) repeat;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    color: #fff;
    border-radius: 6px;
}
.newCar .txt h3 {
    font-size: 20px;
    font-weight: 100;
    height: 45px;
    text-align: center;
    line-height: 45px;
    overflow: hidden;
    margin: 0 auto;
    width: 90%;
}
.newCar .txt p {
    font-size: 15px;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
    height: 80px;
    overflow: hidden;
}
/*.newCar {
    width: 360px;
    height: 280px;
    margin-left: 0.4%;
    margin-right: 0.4%;
    text-align:center;
    display: inline-block;
    overflow: hidden;
    transition: all 0.2s ease-in;
}*/
.newCar img {
    display: inline-block;
    width: 360px;
    height: 216px;
    border-radius: 5px;
}
/*.newCar .info 
{
    color: white;
    width: 290px;
    margin: 0 auto;
    height: 80px;
    line-height:20px;
    padding: 10px;
    background: rgba(240,97,97,.9);
    background-size: 100%;
    margin-top: -50px;
    position: relative;
    border-radius: 6px;
}*/
.newCar:hover 
{
    transition:all 0.5s;
    transform: translate3d(0,-8px,0);
}
/*产品展示（结束）*/

/*.info-article-ind-title{ 
	height:47px; 
	line-height: 47px; 
	color: #333; 
	font-size: 20px; 
	border:0px solid red; 
	width:100%; 
	margin-top:15px; 
}
.info-article-ind-abstract{
	width: 94%; 
	margin: auto; 
	height: 150px; 
	padding: 0 8px;  
	color: #4b4b4b;
	font-size: 16px; 
	border:0px solid red; 
	margin-top:20px;
}*/
.con-flex .flex-card:hover {box-shadow:0px -1px 10px #a0a0a0; transition: 0.5s; background-color: #ffa43b;}
.con-flex .flex-card:hover .info-article-ind-title { color:white;}
.con-flex .flex-card:hover .info-article-ind-abstract { color:white;}
.con-flex .flex-card:hover .info-article-ind-more { color:white;}
.con-flex img {
    transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}
.con-flex .flex-card:hover img {
	transform:scale(1.2,1.2);
	-webkit-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	/*对前效对前效
	/*对前效果的过度*/
      /*对前效果的过度*/
    opacity:1;
	z-index:1;
	    border-radius: 6px;
}
/* 右侧漂浮工具 */
@font-face {font-family: "iconfont";
  src: url('iconfont.eot?t=1544763448173'); /* IE9*/
  src: url('iconfont.eot?t=1544763448173#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff;charset=utf-8;base64,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') format('woff'),
  url('iconfont.ttf?t=1544763448173') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1544763448173#iconfont') format('svg'); /* iOS 4.1- */
}
.qrcode,.r_top{z-index:255;position:fixed;cursor:pointer;right:15px;bottom:220px;width:52px;height:52px;line-height:52px;text-align:center;border-radius:50%;background-color:#ffa43b;box-shadow:2px 3px 10px 0 rgba(0,0,0,.2);border:1px solid #ddd}
.qrcode i{font-size:30px;color:#4ebc33}
.qrcode:hover .qrcode-con{visibility:visible}
.qrcode-con{padding:30px 0;visibility:hidden;width:220px;background:#ffa43b;position:absolute;right:70px;bottom:-22px;box-shadow:0 3px 20px 0 rgba(0,0,0,.2);border-radius:6px;text-align:center}
.qrcode-con p{font-size:16px;color:#fff;line-height:26px}
.qrcode-con p strong{color:#fff}
.qrcode-con img{width:150px;height:150px;display:block;margin:0 auto}
.qrcode-con-ar{position:absolute;right:-9px;bottom:20px}
.qrcode-con-ar i{border-top:9px solid transparent;border-bottom:9px solid transparent;border-left:9px solid #ffa43b;display:inline-block}
.r_top{font-size:26px;right:15px;bottom:160px;color:#fff}
.iconfont {
  font-family:"iconfont" !important;
  font-size:30px;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fanhuidingbu3:before { content: "\e67b"; }

.pure_top {
    width: 100%;
    height: 500px;
    /*position: relative;*/
    z-index: 0;
    overflow: hidden;
    background:url(../WebImg/ProductTop.jpg);
    background-size:100% 100%;
}
.el-tabs__item.is-active {
    color: #4ababc  !important;
}
.el-tabs__item{ height:46px !important; font-size:16px !important;}
.el-tabs__active-bar {
    background-color: #4ababc!important;
}
.el-tabs__item:hover {
    color: #4ababc !important;
}
.proimg     
{
     width: 560px;
     position: absolute;
     right: 0;
     bottom: 0;
     -webkit-border-top-left-radius: 8px;
     -webkit-border-top-right-radius: 8px; 
}
.download li
{
    height:46px; 
    line-height:46px;
    border-bottom: 1px solid #efefef;
    cursor:pointer;
}
.dow-left
{
    font-size:16px;
    color:#4b4b4b;
}
.download li:hover .dow-left
{
    font-weight: 600;
    color:#ffa43b !important;
}
.dow-right
{
    float:right;
    text-align:center;
    margin-right:30px;
    width:68px;
    height:36px;
    line-height:36px;
    padding-right: 40px;
    border:1px solid #e6e6e6;
    border-radius: 5px;
    font-size:16px;
    color:#4b4b4b;
}
.download li:hover .dow-right
{
    color:#ffa43b !important;
    border:1px solid #ffa43b !important;
}
/*.pure_top::after {
    content: '';
    width: 180%;
    height: 500px;
    position: absolute;
    left: -40%;     
    top: 0;
    border-radius: 0 0 50% 50%; 
    background: linear-gradient(to bottom, #ffa43b 0%,#f06161 136%);
    background-size:100%;
    z-index: -1;
}*/


/*.newCar:hover .info
{
    transition:all 1.3s;
    opacity: 1;
}*/
.con-honor {display: flex; justify-content: space-between; }
.honor{width:23%; border:1px solid #e6e6e6;border-radius: 6px;transition: all 0.2s ease-in;}
.honor  img    
{
    padding:0; 
    width:100%;
    height:100%;
    border-radius: 6px;
}
.honor:hover 
{
    border:1px solid #ffa43b;
    transition:all 0.5s;
    transform: translate3d(0,-8px,0);
}
.aboutitle
{
    font-size: 30px;
    font-weight: 500;
    color: #333;
    text-align: left;
    height: 60px;
    line-height: 60px;
}
.compary
{
     width:50%; 
     float:left;
     height: 360px;
     text-align:center;
}
.comptitle 
{
    font-size: 30px;
    font-weight: 500;
    color: #333;
    text-align: left;
    margin-left: 60px;
    margin-top: 60px;
    height: 80px;
    line-height: 100px;
}

.comul{ margin-left: 60px; margin-top:10px;}

.comul li
{
    text-align:left;
    list-style-type:none;
    line-height:26px;
    color: #4b4b4b;
}

.diamond 
{
    float:left;
    margin-top: 10px;
    width: 10px;
    height: 10px;
    background: #4ababc;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: 0 100%;
    -moz-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    -o-transform-origin: 0 100%;
    transform-origin: 0 100%;
} 
.about-Xx h4
{
     line-height:36px;
    }
.about-Xx p {
    color: #4B4B4B;
    font-size: 14px;
         line-height:36px;
}
/*地图*/
#details-training-field-div{border: 0px solid red; height: 560px; overflow: hidden; clear:both;border-radius: 10px;}

/*左侧业务*/
#QQBox {
    position:fixed;
    left: 5px;
    top: 30%;
    z-index: 10000; 
}
#QQOnlineMenu {
    position: absolute;
    left: 5px;
}
#QQOnlineMenu .top {
    background: url(../WebImg/qq_t.png) no-repeat;
    width: 140px;
    height: 59px;
}
#QQOnlineMenu .div1 {
    font-size: 14px;
    color: White;
    padding-top: 5px;
    background: url(../WebImg/qq_m.png) no-repeat;
    width: 140px;
    height: 32px;
}
#QQOnlineMenu .div3 {
    font-size: 14px;
    color: White;
    padding-top: 5px;
    height: 27px;
    text-align: right;
}
#QQOnlineMenu .div2 {
    font-size: 14px;
    color: White;
    padding-top: 3px;
    text-align: center;
}
#QQOnlineMenu .content {
    background: url(../WebImg/qq_c.png);
    overflow: auto;
    height: 100%;
    width: 140px;
    text-align: center;
}
#QQOnlineMenu .ul1 {
    border-bottom: none;
    background: #fff;
    width: 120px;
    padding: 5px 0 5px 0;
    color: #666666;
    font-size: 12px;
    margin-left: 10px;
}
#QQOnlineMenu .li1 {
    outline: 0;
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: inherit;
    font-style: inherit;
    font-family: inherit;
    clear: both;
}
#QQOnlineMenu .bottom {
    background: url(../WebImg/qq_b.png) repeat-x;
    height: 63px;
    width: 140px;
}
/*关于我们分割线*/
.wrapper {
    padding-bottom: 10px;
}
.divider {
    position: relative;
    margin-top: 40px;
    height: 1px;
}
.div-transparent:before {
    content: "";
    position: absolute;
    top: 0;
    left: 10%;
    right: 10%;
    width: 80%;
    height: 1px;
    background-image: linear-gradient(to right, transparent, darkgrey, transparent);
}
.div-dot:after {
    content: "";
    position: absolute;
    z-index: 1;
    top: -9px;
    left: calc(50% - 9px);
    width: 18px;
    height: 18px;
    background-color: #4ababc;
    border: 1px solid #4ababc;
    border-radius: 50%;
    box-shadow: inset 0 0 0 2px white, 0 0 0 4px white;
}
/*全局分割线*/
.el-divider--horizontal {
    width: 70% !important;
    margin: 24px auto !important;
    background-image: linear-gradient(to right, transparent, darkgrey, transparent);
}
/*页脚 (开始)*/
#footer-but{ overflow:hidden;}
.footer
{
    margin-top:20px;
    width:100%;
    height:328px;
    background: url(../WebImg/footer_bg.jpg) repeat;
}
.footer-but
{
    width:100%;
    margin:0 auto;
    text-align:center;
    height:50px; 
    line-height:50px;
    background-color: #000;
    color:White;
    font-size:14px;
}
.footer-but a{color:White; margin-left:10px;font-size:14px;}
.fer-top,.fer-but{ width:1300px; margin:0 auto;clear:both;}
.fer-top{position:relative;height:90px;}
.fer-top:before {
    content: "";
    position: absolute;
    top: 90px;
    left: calc(-9% + 90px);
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, transparent, darkgrey, transparent);
}
.fer-top li
{
    float:left;
    width:210px;
    height: 90px;
    line-height:120px;
    text-align:center;
}
.fer-top li a{color:White;}
.fer-logo {width: 210px;height: 70px;}
.fer-but{ clear:both; display: flex;justify-content: space-between;}
.fer-div1{height:238px;line-height:238px; width:320px; text-align:center;}
.fer-div2{ width:540px; color:White; }
.fer-div2 p{ height:40px; line-height:40px;}
.fer-pad{margin-top:40px;padding:0px 0 0 80px; border-left: 1px solid #36312f;}
.fer-pad a { color:White; margin-right:15px;}
.fer-div3{width:330px; color:White; text-align: center;}
.fer-div3 img { width:130px; height:130px; }
.fer-div3 p{ height:24px; line-height:36px; }
.fer-pad2{margin-top:40px;padding:0px 0 0 30px; border-left: 1px solid #36312f;}
/*页脚 (结束)*/
.about{margin:0 auto;}
.about ul li { float:left; width:33%;}
.about ul li img{ width:80px; height:80px;}
.about ul li p{ height:80px; line-height:80px;}